<template>
  <div>
    <h2>人员列表</h2>
    <ul>
      <li v-for="p,index in persons" :key="p.id">
        {{index+1}}--{{p.id}}--{{p.name}}--{{p.age}}
      </li>
    </ul>
  </div>
</template>

<script>
  export default {
    name: 'PersonList',
    // 声明接收属性 => 所有声明接收的属性都会成为组件对象的属性
    props: ['persons']
  }
</script>

<style>

</style>
